<app-back-btn></app-back-btn>
<div class="page-title">
  <span class="title" *ngIf="!code">添加Count</span>
  <span class="title" *ngIf="code">修改Count</span>
</div>

<div class="panel panel-body">
  <form nz-form [formGroup]="validateForm" class="form-wrap" (submit)="addCount($event)">
    <h2 class="subtitle">Count信息</h2>

    <!--totalJlb start-->
    <nz-form-item>
      <nz-form-label [nzSm]="7" nzFor="totalJlb" nzRequired>金兰宝产</nz-form-label>
      <nz-form-control [nzSm]="10" [nzValidateStatus]="getFormControl('totalJlb')">
        <input nz-input formControlName="totalJlb" type="text" id="totalJlb" placeholder="金兰宝产生总数量">
        <nz-form-explain *ngIf="getFormControl('totalJlb').dirty&&getFormControl('totalJlb').errors">
          <ng-container *ngIf="getFormControl('totalJlb').hasError('required')">请输入金兰宝产生总数量</ng-container>
        </nz-form-explain>
      </nz-form-control>
      <nz-form-control [nzSm]="7" class="font12 pl color-gray">
        金兰宝产生总数量
      </nz-form-control>
    </nz-form-item>

    <!--costJlb start-->
    <nz-form-item>
      <nz-form-label [nzSm]="7" nzFor="costJlb" nzRequired>金兰宝消</nz-form-label>
      <nz-form-control [nzSm]="10" [nzValidateStatus]="getFormControl('costJlb')">
        <input nz-input formControlName="costJlb" type="text" id="costJlb" placeholder="金兰宝消耗的总数量">
        <nz-form-explain *ngIf="getFormControl('costJlb').dirty&&getFormControl('costJlb').errors">
          <ng-container *ngIf="getFormControl('costJlb').hasError('required')">请输入金兰宝消耗的总数量</ng-container>
        </nz-form-explain>
      </nz-form-control>
      <nz-form-control [nzSm]="7" class="font12 pl color-gray">
        金兰宝消耗的总数量
      </nz-form-control>
    </nz-form-item>

    <!--totalOre start-->
    <nz-form-item>
      <nz-form-label [nzSm]="7" nzFor="totalOre" nzRequired>矿石产生</nz-form-label>
      <nz-form-control [nzSm]="10" [nzValidateStatus]="getFormControl('totalOre')">
        <input nz-input formControlName="totalOre" type="text" id="totalOre" placeholder="矿石产生的总数量">
        <nz-form-explain *ngIf="getFormControl('totalOre').dirty&&getFormControl('totalOre').errors">
          <ng-container *ngIf="getFormControl('totalOre').hasError('required')">请输入矿石产生的总数量</ng-container>
        </nz-form-explain>
      </nz-form-control>
      <nz-form-control [nzSm]="7" class="font12 pl color-gray">
        矿石产生的总数量
      </nz-form-control>
    </nz-form-item>

    <!--costOre start-->
    <nz-form-item>
      <nz-form-label [nzSm]="7" nzFor="costOre" nzRequired>矿石消耗</nz-form-label>
      <nz-form-control [nzSm]="10" [nzValidateStatus]="getFormControl('costOre')">
        <input nz-input formControlName="costOre" type="text" id="costOre" placeholder="矿石消耗的总数量">
        <nz-form-explain *ngIf="getFormControl('costOre').dirty&&getFormControl('costOre').errors">
          <ng-container *ngIf="getFormControl('costOre').hasError('required')">请输入矿石消耗的总数量</ng-container>
        </nz-form-explain>
      </nz-form-control>
      <nz-form-control [nzSm]="7" class="font12 pl color-gray">
        矿石消耗的总数量
      </nz-form-control>
    </nz-form-item>

    <!--表单底部start-->
    <nz-form-item class="action-button">
      <nz-form-control class="text-center">
        <button nz-button [nzType]="'primary'" type="submit" class="pl-30 pr-30" [nzLoading]="isConfirmLoading">
          确定
        </button>
      </nz-form-control>
    </nz-form-item>
    <!--表单底部end-->
  </form>

</div>
